<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <link rel="stylesheet" type="text/css" href="http://eric2001.brinkster.net/gallery3/index.php/combined/css/15a85687acb701ae42788818f07fc8be" media="screen,print,projection" />
  <script type="text/javascript" src="http://eric2001.brinkster.net/gallery3/index.php/combined/javascript/007bf22722559d3a622ea73e8ad32f7f"></script> 
  
  <script type="text/javascript" src="../js/jHtmlArea-0.7.0.js"></script>
  <link rel="Stylesheet" type="text/css" href="../css/jHtmlArea.css" />
    <script type="text/javascript" src="scripts/jHtmlArea.ColorPickerMenu-0.7.0.js"></script>

    <link rel="Stylesheet" type="text/css" href="style/jHtmlArea.ColorPickerMenu.css" />
    <style type="text/css">

        div.jHtmlArea { border: solid 1px #ccc; }

    </style>


</head>
<body>
    <script type="text/javascript">

        //// You can also override the "default" colors option of the jHtmlAreaColorPickerMenu

        //// to show only the specific colors you want.

        // jHtmlAreaColorPickerMenu.defaultOptions.colors = ["red", "yellow", "blue", "green", "purple", "white", "black"];



        // The followin creates a jHtmlArea and adds a custom list of toolbar buttons.

        // Among the buttons is the "forecolor" button that will automatically take

        // advantage of the jHtmlAreaColorPickerMenu plugin.

        $(function() {

            $("#page_code").htmlarea({

                toolbar: ["html", "|",

                        "forecolor",  // <-- Add the "forecolor" Toolbar Button

                        "|", "bold", "italic", "underline", "|", "p", "h1", "h2", "h3", "|", "link", "unlink"] // Overrides/Specifies the Toolbar buttons to show

                });

        });

    </script>

  <label for="page_code" >HTML Code</label> 
  <textarea name="page_code" id="page_code" rows="" cols="" class="textarea" ></textarea> 
</body>
</html>
